<template>
    <router-view />

    <van-tabbar route>
        <van-tabbar-item replace to="/main/home" style="font-weight: bold;font-size: 16px;">首页</van-tabbar-item>
        <van-tabbar-item replace to="/main/market" style="font-weight: bold;font-size: 16px;">商城</van-tabbar-item>
        <span><van-icon name="plus" /></span>
        <van-tabbar-item replace to="/main/message" style="font-weight: bold;font-size: 16px;">消息</van-tabbar-item>
        <van-tabbar-item replace to="/main/my" style="font-weight: bold;font-size: 16px;">我的</van-tabbar-item>
    </van-tabbar>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.van-icon{
    width: 4rem;
    height: 4rem;
    background: red;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.6rem;
    border-radius: 20%;
    color: #fff;
    font-weight: bold;
}
</style>